<template id="wallet">
  <div class="wallet">
     <!--<div class="wallet_header">-->
        <!--<div>-->
          <!--<p class="fs_16 col_fff">账户余额</p>-->
          <!--<p class="col_fff fs_22">4,490.00元</p>-->
        <!--</div>-->
     <!--</div>-->
     <!--<div class="wallet_title">-->
       <!--余额-->
     <!--</div>-->
     <!--<div class="wallet_card bg_ff">-->
        <!--<div class="row" v-for="(card, index) in card_list" :key="card.id"-->
          <!--:class="{'noBorder': index == card_list.length -1}">-->
          <!--<div class="col col-10">-->
            <!--<img src="../../../static/image/bank_logo.png" alt="">-->
          <!--</div>-->
          <!--<div class="col" style="line-height: normal;padding: 0.05rem 0">-->
            <!--<p class="fs_12 col_333">中国银行借记卡</p>-->
            <!--<p class="fs_11 col_8e8e">尾号&nbsp;{{card.tail_number}}</p>-->
          <!--</div>-->
          <!--<div class="col tr fs_12 col_0ae">-->
             <!--{{card.amount}}元-->
          <!--</div>-->
        <!--</div>-->
     <!--</div>-->

     <!--<div class="row bg_ff wallet_pie">-->
        <!--<div class="col">-->
          <!--<div id="salaryPie" style="height: 1.75rem"></div>-->
        <!--</div>-->
     <!--</div>-->
    <!--<div id="salaryPie" class="bg_ff" style="height: 1.75rem"></div>-->

    <div class="row card_manage" @click="goCardMage">
      <div class="col col-10" style="line-height: normal">
        <i class="icon iconfont icon-qianbao"></i>

      </div>
      <div class="col col_333">
        银行卡管理
      </div>
      <div class="col tr fs_12 col_0ae">
        <i class="icon iconfont icon-shangyiye-copy"></i>
      </div>
    </div>

  </div>
</template>
<script>

  export default {
    data () {
      return {
//        card_list: [
//          {
//            id: 1,
//            tail_number: 3432,
//            amount: 3480.00
//          },
//          {
//            id:2,
//            tail_number: 3862,
//            amount: 80.00
//          }
//        ]
      }
    },
    methods: {
      goCardMage: function () {
        window.location.href = this.$urlAll.bank_card+ 'clientid='+ this.$urlAll.clientid +'&accesstoken='+sessionStorage.getItem('token')
          +'&userid='+ sessionStorage.getItem('userId') +'&isBranches=true&encrypt_type=raw&headerbar=1&wpRedirect='
      }
    },
    //获取后台数据，dom渲染之前
//    created: function(){
//      //银行卡列表信息
//      var options = {
//        cardSeq:  3017101252536110,
//        custNo: Local.get('userId'),
//        currency: 'CNY',
//        forCurrTran: '0'
//      };
//      serviceApi.sendService(urlAll.bank_card_balance, options, function (resData) {
//        console.log(resData)
//      })
//    },
    //渲染dom
//    mounted: function () {
//      var echarts = require('echarts');
//      var myPieChart = echarts.init(document.getElementById('salaryPie'));
//      var option = {
//        color:['#01aaef','#ff4444','aqua','#afa','green','blue','#faa','#0f0'],
//        series : [
//          {
//            type: 'pie',
//            radius : '50%',
//            position:'right',
//            center: ['50%', '50%'],
//            data: [
//              {
//                value: 840,name: '尾号3432'
//              },
//              {
//                value: 580,name: '尾号0752'
//              },
//              {
//                value: 80,name: '尾号0753'
//              },
//              {
//                value: 80,name: '尾号0754'
//              },
//              {
//                value: 180,name: '尾号0755'
//              },
//              {
//                value: 280,name: '尾号0756'
//              },
//              {
//                value: 380,name: '尾号0757'
//              },
//              {
//                value: 1,name: '尾号0758'
//              },
//            ],
//            itemStyle:{
//              normal:{
//                label:{
//                  show: true,
//                  formatter: '{b}\n{c}.00元({d}%)',
//                },
//                labelLine :{show:true}
//              }
//            },
//            hoverAnimation:false
//          }
//        ]
//      };
//      // 为echarts对象加载数据
//      myPieChart.setOption(option);
//    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  @import "../../style/common.css";
  .wallet_header{
    height: 1.2rem;
    background: #666f76;
  }
  .wallet_header div{
    padding: 0.32rem 0;
    text-align: center;
  }
  .wallet_header div p:first-child{
    margin-bottom: 0.05rem;
  }
  .wallet_title{
    height: 0.33rem;
    line-height: 0.33rem;
    padding-left: 0.1rem;
    font-size: 0.12rem;
  }
  .wallet_card .row{
    height: 0.44rem;
    line-height: 0.44rem;
    padding: 0 0.1rem;
    border-bottom: 1px solid #eee;
  }
  .wallet_card img{
    width: 0.25rem;
  }
  .wallet_card .col-10{
    padding: 0.07rem 0;
  }
  .wallet_pie{
    margin: 0.1rem 0;
  }
  .card_manage{
    height: 0.44rem;
    line-height: 0.44rem;
    padding-left: 0.1rem;
    background: #fff;
  }
  .card_manage .col-10{
    padding: 0.09rem 0;
  }
  .icon-qianbao{
    width: 0.25rem;
    height: 0.25rem;
    line-height: 0.25rem;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    background: #feb415;
    color: #fff;
  }

  .icon-shangyiye-copy{
    font-size: 0.3rem;
    color: #c9c9c9;
  }


  .noBorder{
    border: none;
  }

</style>
